<template>
	<!-- @scrolltolower 使用@来绑定加载更多事件-->
		<view class="home-list">
		    <view class="list-item" v-for="item in goodsListDatas" :key="item.goods_id">
		       <image :src="item.goods_thumb" class="img"/>
		        <view class="title">{{item.title}}</view>
		        <view class="price">{{item.shop_price}}</view>
		    </view>
		</view>
</template>

<script>
	export default {
		name:"home-list",
		data() {
			return {
				
			};
		},
		props:{
			    goodsListDatas:{
			      type:Array,
			      value:[]
			    }
		},
		
	}
</script>

<style>
.home-list{
  width:calc(100% - 20rpx);
  display: flex;
  flex-wrap: wrap;
  margin:10rpx auto;
  justify-content: space-between;

}
.list-item{
 width: 340rpx;
  margin-bottom: 20rpx;
}
.list-item .img{
  width: 340rpx;
  height: 340rpx;

}
</style>